<template>
    houdunren.com
    <!-- <hd name="abc" /> -->
    <!-- {{ title }}
    <label> <input v-model="sex" value="1" type="radio" /> 男 </label>
    <label> <input v-model="sex" value="2" type="radio" /> 女 </label> -->
</template>

<script>
import { ref, reactive, computed, toRefs, watch, watchEffect, onMounted } from 'vue'
import Hd from './components/Hd.vue'
export default {
    components: { Hd },
    setup() {
        onMounted(() => {
            console.log('mounted.........')
        })
        // const sex = ref(1)
        // const ad = ref()
        // const title = computed(() => (sex.value == 1 ? '男孩子就要勇敢些' : '女孩子要文静漂亮'))
        // watchEffect(() => {
        //     if (sex.value == 1) ad.value = '男孩子就要勇敢些'
        //     else ad.value = '女孩子要文静漂亮'
        // })
        // watch(
        //     sex,
        //     n => {
        //         if (n == 1) ad.value = '男孩子就要勇敢些'
        //         else ad.value = '女孩子要文静漂亮'
        //     },
        //     { immediate: true }
        // )
        // return { sex, ad, title }
    }
}
</script>

<style></style>
